<admintpl file="headerEx" />
<title>{:L('ADMIN_MENU_INDEX')}</title>
<style>
	.treeTable tr.collapsed td .expander {
		background-image: url(./images/toggle-expand-dark.png);
	}

	.treeTable tr.expanded td .expander {
		background-image: url(./images/toggle-collapse-dark.png);
	}
</style>
<!--responsive table-->
<link href="__PUBLIC__/TciocEx/css/table-responsive.css" rel="stylesheet" />
</head>

<!-- Placed js at the end of the document so the pages load faster -->
<body class="sticky-header">
<section>
	<!-- main content start-->
	<div class="full-content" >
		<!--body wrapper start-->
		<div class="wrapper">
			<div class="row">
				<div class="col-sm-12">
					<section class="panel">
						<header class="panel-heading custom-tab turquoise-tab">
							<ul class="nav nav-tabs">
								<li class="active"><a href="{:U('menu/index')}"><i class="fa fa-list-ul"></i> {:L('ADMIN_MENU_INDEX')}</a></li>
								<li><a href="{:U('menu/add')}"><i class="fa fa-plus-square"></i>{:L('ADMIN_MENU_ADD')}</a></li>
								<li><a href="{:U('menu/lists')}"><i class="fa fa-list-alt"></i>{:L('ADMIN_MENU_LISTS')}</a></li>
							</ul>
						</header>
						<div class="panel-body">

							<section id="no-more-tables">
								<table class="table table-bordered table-striped table-hover table-condensed cf" id="menus-table">
									<thead class="cf">
									<tr>
										<th >{:L('SORT')}</th>
										<th >ID</th>
										<th>{:L('APP')}</th>
										<th>{:L('NAME')}</th>
										<th >{:L('STATUS')}</th>
										<th width="20%" >{:L('ACTIONS')}</th>
									</tr>
									</thead>
									<tbody>
									{$categorys}
									</tbody>
									<tfoot>
									<tr>
										<th width="80">{:L('SORT')}</th>
										<th width="50">ID</th>
										<th>{:L('APP')}</th>
										<th>{:L('NAME')}</th>
										<th width="80">{:L('STATUS')}</th>
										<th width="180">{:L('ACTIONS')}</th>
									</tr>
									</tfoot>
								</table>
								<div class="table-actions">
									<button class="btn btn-primary btn-small js-ajax-submit" type="submit">{:L('SORT')}</button>
								</div>
							</section>

						</div>
					</section>
				</div>
			</div>
		</div>

	</div>
	</div>
	</div>
	<!--body wrapper end-->

	<!--footer section start-->
	<footer>
		<admintpl file="copyright" />
	</footer>
	<!--footer section end-->

	</div>
	<!-- main content end-->
</section>
<script src="__PUBLIC__/TciocEx/js/jquery-1.10.2.min.js"></script>
<script src="__PUBLIC__/js/wind.js"></script>
<script src="__PUBLIC__/js/common.js"></script>
<script src="__PUBLIC__/TciocEx/js/jquery-ui-1.9.2.custom.min.js"></script>
<script src="__PUBLIC__/simpleboot/bootstrap/js/bootstrap.min.js"></script>
<script src="__PUBLIC__/TciocEx/js/jquery-migrate-1.2.1.min.js"></script>
<script src="__PUBLIC__/TciocEx/js/bootstrap.min.js"></script>
<script src="__PUBLIC__/TciocEx/js/modernizr.min.js"></script>
<script src="__PUBLIC__/TciocEx/js/jquery.nicescroll.js"></script>
<script src="__PUBLIC__/js/ajaxForm.js"></script>

<script type="text/javascript" src="__PUBLIC__/TciocEx/js/jquery.validate.min.js"></script>
<script src="__PUBLIC__/TciocEx/js/validation-localization/messages_zh.min.js"></script>
<script src="__PUBLIC__/TciocEx/js/scripts.js"></script>
<script src="__PUBLIC__/TciocEx/js/validation-init.js"></script>
<script>
	$(document).ready(function() {
		Wind.css('treeTable');
		Wind.use('treeTable', function() {
			$("#menus-table").treeTable({
				indent : 20
			});
		});
	});

	setInterval(function() {
		var refersh_time = getCookie('refersh_time_admin_menu_index');
		if (refersh_time == 1) {
			reloadPage(window);
		}
	}, 1000);
	setCookie('refersh_time_admin_menu_index', 0);
</script>
</body>
</html>